<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接伪类选择器</title>
    <style>
        /* 为访问过链接的状态 正常状态 */
        a:link{
            color: #333;
            /* 取消下划线 */
            text-decoration: none;
        }
        /* 已经访问过 点击过了 */
        a:visited{
            color: orange;
        }
        /* 鼠标经过链接时的状态 */
        a:hover{
            color: red;
        }
        /* 当我们点击的时候 （按下鼠标不松开） */
        a:active{
            color: green;
        }
        /* 写的时候顺序不要颠倒 按照lvha的顺序。否则引起错误 */
         
    </style>
</head>
<body>
    <a href="http://www.xiaomi.com">小米手机</a>
    <a href="http://www.dami.com">大米手机</a>
</body>
</html>
